webpackJsonp([2],{

/***/ 724:
/***/ (function(module, exports, __webpack_require__) {

var disposed = false
function injectStyle (ssrContext) {
  if (disposed) return
  __webpack_require__(758)
}
var normalizeComponent = __webpack_require__(0)
/* script */
var __vue_script__ = __webpack_require__(760)
/* template */
var __vue_template__ = __webpack_require__(772)
/* template functional */
var __vue_template_functional__ = false
/* styles */
var __vue_styles__ = injectStyle
/* scopeId */
var __vue_scopeId__ = null
/* moduleIdentifier (server only) */
var __vue_module_identifier__ = null
var Component = normalizeComponent(
  __vue_script__,
  __vue_template__,
  __vue_template_functional__,
  __vue_styles__,
  __vue_scopeId__,
  __vue_module_identifier__
)
Component.options.__file = "resources/assets/js/view/components/split-pane/split-pane.vue"

/* hot reload */
if (false) {(function () {
  var hotAPI = require("vue-hot-reload-api")
  hotAPI.install(require("vue"), false)
  if (!hotAPI.compatible) return
  module.hot.accept()
  if (!module.hot.data) {
    hotAPI.createRecord("data-v-5abdd7be", Component.options)
  } else {
    hotAPI.reload("data-v-5abdd7be", Component.options)
  }
  module.hot.dispose(function (data) {
    disposed = true
  })
})()}

module.exports = Component.exports


/***/ }),

/***/ 758:
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(759);
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add the styles to the DOM
var update = __webpack_require__(4)("01726a0f", content, false, {});
// Hot Module Replacement
if(false) {
 // When the styles change, update the <style> tags
 if(!content.locals) {
   module.hot.accept("!!../../../../../../node_modules/css-loader/index.js!../../../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-5abdd7be\",\"scoped\":false,\"hasInlineConfig\":true}!../../../../../../node_modules/less-loader/dist/cjs.js!../../../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./split-pane.vue", function() {
     var newContent = require("!!../../../../../../node_modules/css-loader/index.js!../../../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-5abdd7be\",\"scoped\":false,\"hasInlineConfig\":true}!../../../../../../node_modules/less-loader/dist/cjs.js!../../../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./split-pane.vue");
     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
     update(newContent);
   });
 }
 // When the module is disposed, remove the <style> tags
 module.hot.dispose(function() { update(); });
}

/***/ }),

/***/ 759:
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(1)(false);
// imports


// module
exports.push([module.i, "\n.center-middle {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  -webkit-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n}\n.split-pane-page-wrapper {\n  height: 600px;\n}\n.split-pane-page-wrapper .pane {\n  width: 100%;\n  height: 100%;\n}\n.split-pane-page-wrapper .pane.left-pane {\n  background: sandybrown;\n}\n.split-pane-page-wrapper .pane.right-pane {\n  background: palevioletred;\n}\n.split-pane-page-wrapper .pane.top-pane {\n  background: sandybrown;\n}\n.split-pane-page-wrapper .pane.bottom-pane {\n  background: palevioletred;\n}\n.split-pane-page-wrapper .custom-trigger {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: #000000;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  -webkit-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n  -webkit-box-shadow: 0 0 6px 0 rgba(28, 36, 56, 0.4);\n          box-shadow: 0 0 6px 0 rgba(28, 36, 56, 0.4);\n}\n.split-pane-page-wrapper .custom-trigger i.trigger-icon {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  -webkit-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n}\n", ""]);

// exports


/***/ }),

/***/ 760:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__c_split_pane__ = __webpack_require__(761);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__c_icons__ = __webpack_require__(57);
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//



/* harmony default export */ __webpack_exports__["default"] = ({
  name: 'split_pane_page',
  components: {
    SplitPane: __WEBPACK_IMPORTED_MODULE_0__c_split_pane__["a" /* default */],
    Icons: __WEBPACK_IMPORTED_MODULE_1__c_icons__["a" /* default */]
  },
  data: function data() {
    return {
      offset: 0.6,
      offsetVertical: '250px'
    };
  },

  methods: {
    handleMoving: function handleMoving(e) {
      console.log(e.atMin, e.atMax);
    }
  }
});

/***/ }),

/***/ 761:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__split_vue__ = __webpack_require__(762);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__split_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__split_vue__);

/* harmony default export */ __webpack_exports__["a"] = (__WEBPACK_IMPORTED_MODULE_0__split_vue___default.a);

/***/ }),

/***/ 762:
/***/ (function(module, exports, __webpack_require__) {

var disposed = false
function injectStyle (ssrContext) {
  if (disposed) return
  __webpack_require__(763)
}
var normalizeComponent = __webpack_require__(0)
/* script */
var __vue_script__ = __webpack_require__(765)
/* template */
var __vue_template__ = __webpack_require__(771)
/* template functional */
var __vue_template_functional__ = false
/* styles */
var __vue_styles__ = injectStyle
/* scopeId */
var __vue_scopeId__ = null
/* moduleIdentifier (server only) */
var __vue_module_identifier__ = null
var Component = normalizeComponent(
  __vue_script__,
  __vue_template__,
  __vue_template_functional__,
  __vue_styles__,
  __vue_scopeId__,
  __vue_module_identifier__
)
Component.options.__file = "resources/assets/js/components/split-pane/split.vue"

/* hot reload */
if (false) {(function () {
  var hotAPI = require("vue-hot-reload-api")
  hotAPI.install(require("vue"), false)
  if (!hotAPI.compatible) return
  module.hot.accept()
  if (!module.hot.data) {
    hotAPI.createRecord("data-v-8de61546", Component.options)
  } else {
    hotAPI.reload("data-v-8de61546", Component.options)
  }
  module.hot.dispose(function (data) {
    disposed = true
  })
})()}

module.exports = Component.exports


/***/ }),

/***/ 763:
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(764);
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add the styles to the DOM
var update = __webpack_require__(4)("165888be", content, false, {});
// Hot Module Replacement
if(false) {
 // When the styles change, update the <style> tags
 if(!content.locals) {
   module.hot.accept("!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-8de61546\",\"scoped\":false,\"hasInlineConfig\":true}!../../../../../node_modules/less-loader/dist/cjs.js!../../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./split.vue", function() {
     var newContent = require("!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-8de61546\",\"scoped\":false,\"hasInlineConfig\":true}!../../../../../node_modules/less-loader/dist/cjs.js!../../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./split.vue");
     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
     update(newContent);
   });
 }
 // When the module is disposed, remove the <style> tags
 module.hot.dispose(function() { update(); });
}

/***/ }),

/***/ 764:
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(1)(false);
// imports


// module
exports.push([module.i, "\n.ivu-split-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.ivu-split-pane {\n  position: absolute;\n}\n.ivu-split-pane.left-pane,\n.ivu-split-pane.right-pane {\n  top: 0px;\n  bottom: 0px;\n}\n.ivu-split-pane.left-pane {\n  left: 0px;\n}\n.ivu-split-pane.right-pane {\n  right: 0px;\n}\n.ivu-split-pane.top-pane,\n.ivu-split-pane.bottom-pane {\n  left: 0px;\n  right: 0px;\n}\n.ivu-split-pane.top-pane {\n  top: 0px;\n}\n.ivu-split-pane.bottom-pane {\n  bottom: 0px;\n}\n.ivu-split-trigger-con {\n  position: absolute;\n  -webkit-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n  z-index: 10;\n}\n.ivu-split-trigger-bar-con {\n  position: absolute;\n  overflow: hidden;\n}\n.ivu-split-trigger-bar-con.vertical {\n  left: 1px;\n  top: 50%;\n  height: 32px;\n  -webkit-transform: translate(0, -50%);\n          transform: translate(0, -50%);\n}\n.ivu-split-trigger-bar-con.horizontal {\n  left: 50%;\n  top: 1px;\n  width: 32px;\n  -webkit-transform: translate(-50%, 0);\n          transform: translate(-50%, 0);\n}\n.ivu-split-trigger-vertical {\n  width: 6px;\n  height: 100%;\n  background: #F8F8F9;\n  -webkit-box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.4);\n          box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.4);\n  cursor: col-resize;\n}\n.ivu-split-trigger-vertical .ivu-split-trigger-bar {\n  width: 4px;\n  height: 1px;\n  background: rgba(23, 35, 61, 0.25);\n  float: left;\n  margin-top: 3px;\n}\n.ivu-split-trigger-horizontal {\n  height: 6px;\n  width: 100%;\n  background: #F8F8F9;\n  -webkit-box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.4);\n          box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.4);\n  cursor: row-resize;\n}\n.ivu-split-trigger-horizontal .ivu-split-trigger-bar {\n  height: 4px;\n  width: 1px;\n  background: rgba(23, 35, 61, 0.25);\n  float: left;\n  margin-right: 3px;\n}\n.ivu-split-horizontal .ivu-split-trigger-con {\n  top: 50%;\n  height: 100%;\n  width: 0;\n}\n.ivu-split-vertical .ivu-split-trigger-con {\n  left: 50%;\n  height: 0;\n  width: 100%;\n}\n.ivu-split .no-select {\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n", ""]);

// exports


/***/ }),

/***/ 765:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__libs_tools__ = __webpack_require__(8);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__trigger_vue__ = __webpack_require__(766);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__trigger_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__trigger_vue__);
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//



/* harmony default export */ __webpack_exports__["default"] = ({
  name: 'SplitPane',
  components: {
    Trigger: __WEBPACK_IMPORTED_MODULE_1__trigger_vue___default.a
  },
  props: {
    value: {
      type: [Number, String],
      default: 0.5
    },
    mode: {
      validator: function validator(value) {
        return Object(__WEBPACK_IMPORTED_MODULE_0__libs_tools__["f" /* oneOf */])(value, ['horizontal', 'vertical']);
      },

      default: 'horizontal'
    },
    min: {
      type: [Number, String],
      default: '40px'
    },
    max: {
      type: [Number, String],
      default: '40px'
    }
  },
  /**
   * Events
   * @on-move-start
   * @on-moving 返回值：事件对象，但是在事件对象中加入了两个参数：atMin(当前是否在最小值处), atMax(当前是否在最大值处)
   * @on-move-end
   */
  data: function data() {
    return {
      prefix: 'ivu-split',
      offset: 0,
      oldOffset: 0,
      isMoving: false
    };
  },

  computed: {
    wrapperClasses: function wrapperClasses() {
      return [this.prefix + '-wrapper', this.isMoving ? 'no-select' : ''];
    },
    isHorizontal: function isHorizontal() {
      return this.mode === 'horizontal';
    },
    anotherOffset: function anotherOffset() {
      return 100 - this.offset;
    },
    valueIsPx: function valueIsPx() {
      return typeof this.value === 'string';
    },
    offsetSize: function offsetSize() {
      return this.isHorizontal ? 'offsetWidth' : 'offsetHeight';
    },
    computedMin: function computedMin() {
      return this.getComputedThresholdValue('min');
    },
    computedMax: function computedMax() {
      return this.getComputedThresholdValue('max');
    }
  },
  methods: {
    px2percent: function px2percent(numerator, denominator) {
      return parseFloat(numerator) / parseFloat(denominator);
    },
    getComputedThresholdValue: function getComputedThresholdValue(type) {
      var size = this.$refs.outerWrapper[this.offsetSize];
      if (this.valueIsPx) return typeof this[type] === 'string' ? this[type] : size * this[type];else return typeof this[type] === 'string' ? this.px2percent(this[type], size) : this[type];
    },
    getMin: function getMin(value1, value2) {
      if (this.valueIsPx) return Math.min(parseFloat(value1), parseFloat(value2)) + 'px';else return Math.min(value1, value2);
    },
    getMax: function getMax(value1, value2) {
      if (this.valueIsPx) return Math.max(parseFloat(value1), parseFloat(value2)) + 'px';else return Math.max(value1, value2);
    },
    getAnotherOffset: function getAnotherOffset(value) {
      var res = 0;
      if (this.valueIsPx) res = this.$refs.outerWrapper[this.offsetSize] - parseFloat(value) + 'px';else res = 1 - value;
      return res;
    },
    handleMove: function handleMove(e) {
      var pageOffset = this.isHorizontal ? e.pageX : e.pageY;
      var offset = pageOffset - this.initOffset;
      var outerWidth = this.$refs.outerWrapper[this.offsetSize];
      var value = this.valueIsPx ? parseFloat(this.oldOffset) + offset + 'px' : this.px2percent(outerWidth * this.oldOffset + offset, outerWidth);
      var anotherValue = this.getAnotherOffset(value);
      if (parseFloat(value) <= parseFloat(this.computedMin)) value = this.getMax(value, this.computedMin);
      if (parseFloat(anotherValue) <= parseFloat(this.computedMax)) value = this.getAnotherOffset(this.getMax(anotherValue, this.computedMax));
      e.atMin = this.value === this.computedMin;
      e.atMax = this.valueIsPx ? this.getAnotherOffset(this.value) === this.computedMax : this.getAnotherOffset(this.value).toFixed(5) === this.computedMax.toFixed(5);
      this.$emit('input', value);
      this.$emit('on-moving', e);
    },
    handleUp: function handleUp() {
      this.isMoving = false;
      Object(__WEBPACK_IMPORTED_MODULE_0__libs_tools__["d" /* off */])(document, 'mousemove', this.handleMove);
      Object(__WEBPACK_IMPORTED_MODULE_0__libs_tools__["d" /* off */])(document, 'mouseup', this.handleUp);
      this.$emit('on-move-end');
    },
    handleMousedown: function handleMousedown(e) {
      this.initOffset = this.isHorizontal ? e.pageX : e.pageY;
      this.oldOffset = this.value;
      this.isMoving = true;
      Object(__WEBPACK_IMPORTED_MODULE_0__libs_tools__["e" /* on */])(document, 'mousemove', this.handleMove);
      Object(__WEBPACK_IMPORTED_MODULE_0__libs_tools__["e" /* on */])(document, 'mouseup', this.handleUp);
      this.$emit('on-move-start');
    }
  },
  watch: {
    value: function value() {
      this.offset = (this.valueIsPx ? this.px2percent(this.value, this.$refs.outerWrapper[this.offsetSize]) : this.value) * 10000 / 100;
    }
  },
  mounted: function mounted() {
    var _this = this;

    this.$nextTick(function () {
      _this.offset = (_this.valueIsPx ? _this.px2percent(_this.value, _this.$refs.outerWrapper[_this.offsetSize]) : _this.value) * 10000 / 100;
    });
  }
});

/***/ }),

/***/ 766:
/***/ (function(module, exports, __webpack_require__) {

var disposed = false
function injectStyle (ssrContext) {
  if (disposed) return
  __webpack_require__(767)
}
var normalizeComponent = __webpack_require__(0)
/* script */
var __vue_script__ = __webpack_require__(769)
/* template */
var __vue_template__ = __webpack_require__(770)
/* template functional */
var __vue_template_functional__ = false
/* styles */
var __vue_styles__ = injectStyle
/* scopeId */
var __vue_scopeId__ = null
/* moduleIdentifier (server only) */
var __vue_module_identifier__ = null
var Component = normalizeComponent(
  __vue_script__,
  __vue_template__,
  __vue_template_functional__,
  __vue_styles__,
  __vue_scopeId__,
  __vue_module_identifier__
)
Component.options.__file = "resources/assets/js/components/split-pane/trigger.vue"

/* hot reload */
if (false) {(function () {
  var hotAPI = require("vue-hot-reload-api")
  hotAPI.install(require("vue"), false)
  if (!hotAPI.compatible) return
  module.hot.accept()
  if (!module.hot.data) {
    hotAPI.createRecord("data-v-485e323b", Component.options)
  } else {
    hotAPI.reload("data-v-485e323b", Component.options)
  }
  module.hot.dispose(function (data) {
    disposed = true
  })
})()}

module.exports = Component.exports


/***/ }),

/***/ 767:
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(768);
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add the styles to the DOM
var update = __webpack_require__(4)("07677bdc", content, false, {});
// Hot Module Replacement
if(false) {
 // When the styles change, update the <style> tags
 if(!content.locals) {
   module.hot.accept("!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-485e323b\",\"scoped\":false,\"hasInlineConfig\":true}!../../../../../node_modules/less-loader/dist/cjs.js!../../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./trigger.vue", function() {
     var newContent = require("!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-485e323b\",\"scoped\":false,\"hasInlineConfig\":true}!../../../../../node_modules/less-loader/dist/cjs.js!../../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./trigger.vue");
     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
     update(newContent);
   });
 }
 // When the module is disposed, remove the <style> tags
 module.hot.dispose(function() { update(); });
}

/***/ }),

/***/ 768:
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(1)(false);
// imports


// module
exports.push([module.i, "\n.ivu-split-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.ivu-split-pane {\n  position: absolute;\n}\n.ivu-split-pane.left-pane,\n.ivu-split-pane.right-pane {\n  top: 0px;\n  bottom: 0px;\n}\n.ivu-split-pane.left-pane {\n  left: 0px;\n}\n.ivu-split-pane.right-pane {\n  right: 0px;\n}\n.ivu-split-pane.top-pane,\n.ivu-split-pane.bottom-pane {\n  left: 0px;\n  right: 0px;\n}\n.ivu-split-pane.top-pane {\n  top: 0px;\n}\n.ivu-split-pane.bottom-pane {\n  bottom: 0px;\n}\n.ivu-split-trigger-con {\n  position: absolute;\n  -webkit-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n  z-index: 10;\n}\n.ivu-split-trigger-bar-con {\n  position: absolute;\n  overflow: hidden;\n}\n.ivu-split-trigger-bar-con.vertical {\n  left: 1px;\n  top: 50%;\n  height: 32px;\n  -webkit-transform: translate(0, -50%);\n          transform: translate(0, -50%);\n}\n.ivu-split-trigger-bar-con.horizontal {\n  left: 50%;\n  top: 1px;\n  width: 32px;\n  -webkit-transform: translate(-50%, 0);\n          transform: translate(-50%, 0);\n}\n.ivu-split-trigger-vertical {\n  width: 6px;\n  height: 100%;\n  background: #F8F8F9;\n  -webkit-box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.4);\n          box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.4);\n  cursor: col-resize;\n}\n.ivu-split-trigger-vertical .ivu-split-trigger-bar {\n  width: 4px;\n  height: 1px;\n  background: rgba(23, 35, 61, 0.25);\n  float: left;\n  margin-top: 3px;\n}\n.ivu-split-trigger-horizontal {\n  height: 6px;\n  width: 100%;\n  background: #F8F8F9;\n  -webkit-box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.4);\n          box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.4);\n  cursor: row-resize;\n}\n.ivu-split-trigger-horizontal .ivu-split-trigger-bar {\n  height: 4px;\n  width: 1px;\n  background: rgba(23, 35, 61, 0.25);\n  float: left;\n  margin-right: 3px;\n}\n.ivu-split-horizontal .ivu-split-trigger-con {\n  top: 50%;\n  height: 100%;\n  width: 0;\n}\n.ivu-split-vertical .ivu-split-trigger-con {\n  left: 50%;\n  height: 0;\n  width: 100%;\n}\n.ivu-split .no-select {\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n", ""]);

// exports


/***/ }),

/***/ 769:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
//
//
//
//
//
//
//
//

/* harmony default export */ __webpack_exports__["default"] = ({
  name: 'Trigger',
  props: {
    mode: String
  },
  data: function data() {
    return {
      prefix: 'ivu-split-trigger',
      initOffset: 0
    };
  },

  computed: {
    isVertical: function isVertical() {
      return this.mode === 'vertical';
    },
    classes: function classes() {
      return [this.prefix, this.isVertical ? this.prefix + '-vertical' : this.prefix + '-horizontal'];
    },
    barConClasses: function barConClasses() {
      return [this.prefix + '-bar-con', this.isVertical ? 'vertical' : 'horizontal'];
    }
  }
});

/***/ }),

/***/ 770:
/***/ (function(module, exports, __webpack_require__) {

var render = function() {
  var _vm = this
  var _h = _vm.$createElement
  var _c = _vm._self._c || _h
  return _c("div", { class: _vm.classes }, [
    _c("div", { class: _vm.barConClasses }, _vm._m(0))
  ])
}
var staticRenderFns = [
  function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _vm._l(8, function(i) {
      return _c("i", { key: "trigger-" + i, class: _vm.prefix + "-bar" })
    })
  }
]
render._withStripped = true
module.exports = { render: render, staticRenderFns: staticRenderFns }
if (false) {
  module.hot.accept()
  if (module.hot.data) {
    require("vue-hot-reload-api")      .rerender("data-v-485e323b", module.exports)
  }
}

/***/ }),

/***/ 771:
/***/ (function(module, exports, __webpack_require__) {

var render = function() {
  var _vm = this
  var _h = _vm.$createElement
  var _c = _vm._self._c || _h
  return _c("div", { ref: "outerWrapper", class: _vm.wrapperClasses }, [
    _vm.isHorizontal
      ? _c("div", { class: _vm.prefix + "-horizontal" }, [
          _c(
            "div",
            {
              class: [_vm.prefix + "-pane", "left-pane"],
              style: { right: _vm.anotherOffset + "%" }
            },
            [_vm._t("left")],
            2
          ),
          _vm._v(" "),
          _c(
            "div",
            {
              class: _vm.prefix + "-trigger-con",
              style: { left: _vm.offset + "%" },
              on: { mousedown: _vm.handleMousedown }
            },
            [
              _vm._t("trigger", [
                _c("trigger", { attrs: { mode: "vertical" } })
              ])
            ],
            2
          ),
          _vm._v(" "),
          _c(
            "div",
            {
              class: [_vm.prefix + "-pane", "right-pane"],
              style: { left: _vm.offset + "%" }
            },
            [_vm._t("right")],
            2
          )
        ])
      : _c("div", { class: _vm.prefix + "-vertical" }, [
          _c(
            "div",
            {
              class: [_vm.prefix + "-pane", "top-pane"],
              style: { bottom: _vm.anotherOffset + "%" }
            },
            [_vm._t("top")],
            2
          ),
          _vm._v(" "),
          _c(
            "div",
            {
              class: _vm.prefix + "-trigger-con",
              style: { top: _vm.offset + "%" },
              on: { mousedown: _vm.handleMousedown }
            },
            [
              _vm._t("trigger", [
                _c("trigger", { attrs: { mode: "horizontal" } })
              ])
            ],
            2
          ),
          _vm._v(" "),
          _c(
            "div",
            {
              class: [_vm.prefix + "-pane", "bottom-pane"],
              style: { top: _vm.offset + "%" }
            },
            [_vm._t("bottom")],
            2
          )
        ])
  ])
}
var staticRenderFns = []
render._withStripped = true
module.exports = { render: render, staticRenderFns: staticRenderFns }
if (false) {
  module.hot.accept()
  if (module.hot.data) {
    require("vue-hot-reload-api")      .rerender("data-v-8de61546", module.exports)
  }
}

/***/ }),

/***/ 772:
/***/ (function(module, exports, __webpack_require__) {

var render = function() {
  var _vm = this
  var _h = _vm.$createElement
  var _c = _vm._self._c || _h
  return _c(
    "div",
    { staticClass: "split-pane-page-wrapper" },
    [
      _c(
        "split-pane",
        {
          on: { "on-moving": _vm.handleMoving },
          model: {
            value: _vm.offset,
            callback: function($$v) {
              _vm.offset = $$v
            },
            expression: "offset"
          }
        },
        [
          _c(
            "div",
            {
              staticClass: "pane left-pane",
              attrs: { slot: "left" },
              slot: "left"
            },
            [
              _c(
                "split-pane",
                {
                  attrs: { mode: "vertical" },
                  on: { "on-moving": _vm.handleMoving },
                  model: {
                    value: _vm.offsetVertical,
                    callback: function($$v) {
                      _vm.offsetVertical = $$v
                    },
                    expression: "offsetVertical"
                  }
                },
                [
                  _c("div", {
                    staticClass: "pane top-pane",
                    attrs: { slot: "top" },
                    slot: "top"
                  }),
                  _vm._v(" "),
                  _c("div", {
                    staticClass: "pane bottom-pane",
                    attrs: { slot: "bottom" },
                    slot: "bottom"
                  }),
                  _vm._v(" "),
                  _c(
                    "div",
                    {
                      staticClass: "custom-trigger",
                      attrs: { slot: "trigger" },
                      slot: "trigger"
                    },
                    [
                      _c("icons", {
                        staticClass: "trigger-icon",
                        attrs: {
                          size: 22,
                          type: "resize-vertical",
                          color: "#fff"
                        }
                      })
                    ],
                    1
                  )
                ]
              )
            ],
            1
          ),
          _vm._v(" "),
          _c("div", {
            staticClass: "pane right-pane",
            attrs: { slot: "right" },
            slot: "right"
          })
        ]
      )
    ],
    1
  )
}
var staticRenderFns = []
render._withStripped = true
module.exports = { render: render, staticRenderFns: staticRenderFns }
if (false) {
  module.hot.accept()
  if (module.hot.data) {
    require("vue-hot-reload-api")      .rerender("data-v-5abdd7be", module.exports)
  }
}

/***/ })

});